<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Flip Card</title>
    <!-- <link rel="stylesheet" href="http://at.alicdn.com/t/font_1277122_kub2hqyv5sp.css"/> -->
   <link rel="stylesheet" href="../css/project-css/flipCard.css">
  </head>

  <body>
    <div class="container">
      <div class="front">
        <span class="turn">
          <i class="iconfont icon-change"></i>
        </span>

        <h2>There is first project</h2>
        <h4>We focus on</h4>
        <div class="links">
          <a href="#"><i class="iconfont icon-html"></i></a>
          <a href="#"><i class="iconfont icon-js"></i></a>
          <a href="#"><i class="iconfont icon-css"></i></a>
          <a href="#"><i class="iconfont icon-vuejs"></i></a>
          <a href="#"><i class="iconfont icon-react"></i></a>
          <a href="#"><i class="iconfont icon-angular"></i></a>
        </div>
      </div>

      <div class="back">
        <span class="turn">
          <i class="iconfont icon-change"></i>
        </span>

        <h2>Contact us</h2>
        <h4>through the following ways</h4>
        <div class="links">
          <a href="#"><i class="iconfont icon-web-icon-"></i></a>
          <a href="#"><i class="iconfont icon-weixin"></i></a>
          <a href="#"><i class="iconfont icon-email"></i></a>
        </div>
      </div>
    </div>
  </body>

  <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
  <script src="../js/project-js/flipCard.js"></script>
</html>
